<template>
  <view class="brand-story-container">
    <view class="top-bar">
      <u-icon name="arrow-left" size="28" color="#333" @click="$navigateBack()" />
      <text class="title">品牌介绍</text>
    </view>
    <view class="content-section">
      <image class="brand-img" src="/static/brand-story.jpg" mode="aspectFit" />
      <view class="desc">雀发潮，专注线下娱乐社交，致力于为用户打造舒适、智能、有趣的聚会体验。AI智慧棋牌室、赛事级台球、KTV、影吧等多元场景，助你轻松约伴，畅享生活。</view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'BrandStory',
}
</script>

<style scoped>
.brand-story-container { min-height: 100vh; background: #f8f8f8; }
.top-bar { display: flex; align-items: center; padding: 32rpx; }
.title { font-size: 36rpx; font-weight: bold; margin-left: 24rpx; }
.content-section { display: flex; flex-direction: column; align-items: center; margin: 48rpx 32rpx; }
.brand-img { width: 80vw; height: 200rpx; border-radius: 16rpx; margin-bottom: 32rpx; }
.desc { font-size: 28rpx; color: #555; text-align: center; }
</style>
